<style type="text/css">
  .badge-group{
    position: absolute;
    color: white;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #FF0000;
    line-height: 18px;
    text-align: center;
    top: 5px;
    text-align: center;
    left: 80px;
  }
  .post-content {
    background: none repeat scroll 0 0 #FFFFFF;
    opacity: 0.7;
    top:30px;
    left:33px;
    position: absolute;
  }
</style>
<ion-view title="通知通告">
  <ion-content overflow-scroll="true" padding="true" class="has-header">

    <ion-refresher
      pulling-text="下拉刷新..."
      on-refresh="doRefresh()">
    </ion-refresher>

    <div ng-show="privateMessags.length ==0 && noticeMessages.length == 0">
      <img src="img/nodatatable.png" class="center" style="padding: 15px;margin-top: 50px">
      <h4 align="center" style="margin-top: 30px">赞无通知和通告</h4>
    </div>


    <ion-list>

      <ion-item class=" item-thumbnail-left item-icon-right  "
                ng-repeat="privateMesseag in privateMessags"
                ng-click="toPrivateMessageDetail(privateMesseag)">
        <img src="img/iconfont-notify-private-message.png">
        <div class="caption post-content">

        </div>
        <span class="badge-group" ng-if="!privateMesseag.hasRead"></span>
        <h2 style="margin-top: 15px">{{privateMesseag.title}}</h2>
        <p style="margin-top: 15px">{{privateMesseag.postTime}}</p>
        <i class="icon ion-chevron-right icon-accessory"></i>

            <ion-option-button ng-if="privateMesseag.hasRead" class="button-assertive" ng-click="toPrivateRemoveMessageHistory(privateMesseag)">
              &nbsp;&nbsp; &nbsp;&nbsp;删除&nbsp;&nbsp;&nbsp;&nbsp;
            </ion-option-button>

        </div>


      </ion-item>
      <ion-item class=" item-thumbnail-left item-icon-right  "
                ng-repeat="noticeMessage in noticeMessages"
                ng-click="toNoticeMessageDetail(noticeMessage)">
        <img src="img/iconfont-24tongzhi.png">
        <div class="caption post-content">

        </div>
        <span class="badge-group" ng-if="!noticeMessage.hasRead"></span>
        <h2 style="margin-top: 15px">{{noticeMessage.title}}</h2>
        <p style="margin-top: 15px">{{noticeMessage.postTime}}</p>
        <i class="icon ion-chevron-right icon-accessory"></i>

            <ion-option-button ng-if="noticeMessage.hasRead" class="button-assertive" ng-click="toNoticeMessageHistory(noticeMessage)">
              &nbsp;&nbsp; &nbsp;&nbsp;删除&nbsp;&nbsp;&nbsp;&nbsp;
            </ion-option-button>

        </div>


      </ion-item>
    </ion-list>


    </ion-list>
  </ion-content>
</ion-view>
